<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>活动报名</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_682759_iapb3u6ektucv7vi.css">
  <link rel="stylesheet" href="css/weui.min.css">
  <link rel="stylesheet" href="css/style.css">
<style>
.hdbm-title{font-weight: bold;}
.weui-cell:before{border-top:0;}
.weui-cell{padding: 5px 15px;}
.border1{border:1px solid #b10505;margin:30px;font-size: 13px;padding-top:20px;padding-bottom:20px;text-align: justify;}
.border2{border:1px solid #ccc;margin:10px;font-size: 13px;padding-top:20px;padding-bottom:20px;border-left:2px solid #b10505;text-align: justify;margin-bottom: 30px;}
.border3{border:2px solid #b10505;border-radius: 10px;margin:10px;font-size: 13px;padding-top:20px;padding-bottom:20px;text-align: justify;margin-bottom: 30px;}
.weui-cells:after{border-bottom: 0;}
.weui-cell:before{border-top: 0;}
.hdbm-box{background:#fff;font-size: 13px;line-height: 26px;padding:10px;}
.pb10{padding-bottom:10px;}
.color1{color:#ff4c00;font-weight: bold;}
.color2{color:#b10505;font-weight: bold;}
.mztk-box{background:#f5f5f5;border:1px solid #b10505;border-radius: 5px 5px 0 0;}
.mztk-title{background: #b10505;color:#fff;padding-left: 10px;line-height: 40px;}
.wxhg-box{padding:10px;background:#fff;line-height: 30px;}
.wxhg-box img{width: 100%;}
.wxhg-box strong{font-weight: bold}
.wxhg-img{padding:10px;overflow: hidden;}
.wxhg-img>div{width: 16.6666%;float: left;overflow: hidden;margin-bottom: 10px;text-align: center;}
.wxhg-img img{width: 80%;border-radius: 50%;}
.ljbm-btn{position:fixed;bottom:0;left: 0;width:100%;display: block;text-align: center;background:#17a05d;color:#fff;padding:15px 0;font-size: 16px;}
.pb51{padding-bottom: 51px;}
</style>
</head>
<body class="back1">

  <img src="images/wx5.png" style="width: 100%">

  <div class="pb51">
    <div class="weui-cells" style="margin-top: 0;padding-top: 10px;padding-bottom: 10px;">
      <div class="weui-cell">
        <div class="weui-cell__bd">
          <p class="hdbm-title">爱心送考</p>
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd"><i class="iconfont icon-rili"></i></div>
        <div class="weui-cell__bd">
          <p class="f13">日期：2018/06/07 06：30 - 2018/06/08 18：00</p>
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd"><i class="iconfont icon-dibiao"></i></div>
        <div class="weui-cell__bd">
          <p class="f13">举办方：周口市志愿者协会志愿顺风车分会</p>
        </div>
      </div>
      <div class="weui-cell">
        <div class="weui-cell__hd"><i class="iconfont icon-dianhua"></i></div>
        <div class="weui-cell__bd">
          <p class="f13">咨询电话：15518071113</p>
        </div>
      </div>
    </div>

    <div class="weui-cells" style="padding-top: 10px;">
      <div class="weui-cell">
        <div class="weui-cell__hd"><i class="iconfont icon-huodong f17"></i></div>
        <div class="weui-cell__bd">
          <p class="hdbm-title">活动介绍</p>
        </div>
      </div>
      <div class="weui-cell border1" style="position:relative;">
        <div style="position:absolute;top:-10px;left:-15px;padding:2px 10px;border-radius: 5px;background:#b10505;color:#fff;">高考</div>
        高考，是人生历程中一个重要的转折点，十年寒窗磨一剑。
        <br><br>
        骚年们，据说这是你们人生最辉煌的时刻--高考前！这是你上知天文，下晓地理，前有椭圆双曲线，后有杂交生物圈，外可说英语，
        内可修古文，求的了数列，说的了马哲，溯源中华上下五千年，延推赤洲陆海百千万。
        <br><br>
        咳咳咳~回到正题，高考那天你怎么去？
      </div>

      <div class="weui-cell border2">
        你还在为应考出行难，担心迟到而烦恼么？别担心，只要你持有高考准考证，这里有你想象不到的贴心服务。
        <br><br>
        再也不用跟时间赛跑了
      </div>

      <div class="weui-cell border3">
        温暖是什么？温暖是飘飘洒洒的雨，温暖是写在脸上的笑影，温暖是义无反顾的响应，温暖是一丝不苟的配合。
        <br><br>
        一年一度的高考即将开始！为弘扬社会正能量，增进我市青年志愿服务社会，奉献社会的广泛意识，帮助广大考生
        安全，快捷，准时抵达考场，奔向人生的更高目标，周口市志愿者协会志愿顺风车分会将开展“情系学子，顺风助考”
        活动。此次活动对参加高考的广大考生给予无偿送考服务，旨在进一步弘扬爱心奉献精神，增强社会凝聚力，营造高考
        期间“绿色、畅通、和谐”的人文交通环境。
      </div>
    </div>
    <div class="hdbm-box">
      <p class="pb10">现将活动参与报名条件公布如下：</p>
      <div class="pb10">
        <p class="color1">一、招募爱心车主</p>
        <p>
          1、爱心车主1000个，分布在市区，报名时，需留下姓名、联系方式、车牌号码。<br>
          2、身体健康，热爱公益事业。<br>
          3、三年以上驾龄（车辆合法、状况良好、手续齐全）<br>
        </p>
      </div>
    </div>
    <div class="hdbm-box">
      <div class="pb10">
        <p class="color1">二、爱心送考时间</p>
        <p>
          2018年6月7日——8日，<br>
          6：30——18：00
        </p>
      </div>
    </div>
    <div class="hdbm-box">
      <div class="pb10">
        <p class="color1">三、 爱心送考接送方式</p>
        <p>
          1、爱心车队队员根据团队要求，一对一爱心送考帮助的名单对接，根据团队的要求确定高考前一天在什么时间，什么地点等候考生。<br><br>
          2、爱心车主根据团队的要求，必须提前二十分钟到达等候地，并尽可能将车停在团队要求考生的位置。严禁迟到，严禁迟到，严禁迟到
          。送考生回家时，必须在考生下车时间问请下一场前在什么时间、什么地点等候考生。<br><br>
          3、为避免影响考生的复习及心理调节，接送途中严禁队员主动和考生交谈，严禁打听考生考试情况，严禁使用车上音响。（如考生有要求或意愿除外）<br><br>
          4、活动期间必须保证车况良好，整洁卫生，接送途中要做到安全，准时。
        </p>
      </div>
    </div>

    <div class="hdbm-box">
      <div class="mztk-box">
        <p class="mztk-title">免责条款</p>
        <p style="padding: 15px;text-indent: 2em">
          本活动是纯公益活动，存在一定的危险因素，参加者要有一定的自理和处理事务的能力，本活动只接受完全民事行为能力人。活动中发生意外事故，组织者有义务组织救援，但不承担任何法律和经济责任，由受损害人依据法律规定和本组织者的声明依法解决，特此声明。活动开始后，本声明自动生效并表明你接受本声明，否则，请在活动前退出。开车一定要注意交通规则，不开莽撞车。
        </p>
      </div>
    </div>

    <div class="wxhg-box">
      <br>
      <strong>周口市志愿者协会志愿顺风车分会感谢各位爱心车主和志愿者的爱心奉献！希望各位爱心车主和志愿者踊跃报名。</strong>
      <br><br>
      <p><strong>周口市志愿者协会志愿顺风车分会</strong>向广大爱心人士发出倡议：6月7日和8日是高考日，让路高考，少开两天车。高考期间，希望您能给爱车放个假，尽量选择步行、自行车或公共汽车等绿色方式出行，为高考让出一条绿色通道。十年寒窗苦读，一朝金榜题名，当广大莘莘学子为未来努力拼搏时，让我们默默让出一条畅通高考路，以行动助力高考，为高考学子奉献一份爱！</p>
      <br>
    </div>

    <div class="wxhg-box">
      <p class="color2">往期活动回顾</p>
      <div>
        <img src="images/wx1.png">
        <img src="images/wx2.png">
        <img src="images/wx3.png">
        <img src="images/wx4.png">
        <img src="images/wx5.png">
      </div>
    </div>

    <div class="weui-cells" style="padding-top: 7px;">
      <a class="weui-cell weui-cell_access" href="javascript:;">
        <div class="weui-cell__hd">
          <i class="iconfont icon-duoren"></i>
        </div>
        <div class="weui-cell__bd">
          <p>已报名人员</p>
        </div>
        <div class="weui-cell__ft f13">146/1000</div>
      </a>
      <div class="wxhg-img">
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
        <div>
          <img src="images/photo.jpg">
        </div>
      </div>
    </div>


  </div>

  <a href="javascript:;" class="ljbm-btn">立即报名</a>

</body>
</html>
